﻿#form {
    height: 200px;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
}
.inputContainer {
    width: 200px;

}
.formInput {
    width: 200px;
    outline: none;
    text-align: center;
}
#hintWrapper {
    float: right;
}
#hintSection {
    float: left;
    margin-top: 30px;
    margin-right: 10px;
    padding: 5px;
    width: 200px;
}
#checkBoxWrapper {
    float: left;
    margin-left: 20px;
    margin-top: 30px;
}
#section {
    margin: 5px;
}
#sectionButtonsWrapper {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
    width: 100px;
}
#hintBasket {
    margin-left: 20px;
    margin-top: 7px;
    float: left;
    padding: 5px;
}
.basket div {
    position: relative;
}
.nextButton {
    float: right;
    margin-left: 0px;
}
.backButton {
    float: left;
    margin-left: 10px;
}
#basketButtonsWrapper {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
    width: 115px;
}
#selectedProductsHeader {
    margin-left: 20px;
    float: left;
    width: 200px;
}
#selectedProductsButtonsWrapper {
    float: right;
    margin-right: 10px;
    width: 155px;
    margin-top: 300px;
}